@charset "utf-8";

/* #dfdfe3 (silver), #1a1a1a (dark), #264E80 (marine) */
body {
	font-family: 'DejaVu Sans', Arial, sans-serif;
	font-size: medium;
/* 	background-color: #0089ba; */
  background-color: #3B77BF;
  background-color: #E0E5EF;
}
a {
	text-decoration: none;
	color: #264E80;/* dark_blue */
}

#content a:after { content: '⬂'; }
#content a:hover:after { content: '⬊'; }
#content a[href^='http://']:after { content: '⬀'; }
#content a[href^='http://']:hover:after { content: '⬈'; }

abbr {
	border-bottom: thin dashed #264E80 /*(marine)*/;
	font-family: 'DejaVu Serif', 'Times New Roman', serif;
	cursor: help;
	font-variant: normal;
}
abbr:after {
	content: '⋆';/*★✸❖⋆ */
	vertical-align: top;
	font-size: xx-small;
	color: #264E80 /*(marine)*/;
}
code {
  font-family: serif;
/*   font-weight: bold; */
font-style: italic;
}
.mark dt {
display: list-item;
list-style-type: disc;
}

img { border: none;}


#menu a, #footer {
  color: #666;
}
/* MENU (NAVIGATION) */
#topmenu li { list-style-type: none; }
#menu li {
  border-bottom: 2px solid #dfdfe3;/* (silver)*/
  border-bottom: 2px solid #BBB;/* (silver)*/
}
#menu li:hover { border-bottom: thick solid #264E80;/*(marine)*/ }
#menu a {
/* 	color: #fff; */
	font-weight: bold;
}
#menu .current {
 	font-weight: bold;
	border-bottom: thick solid #264E80;/* (marine)*/
}
#menu #lang0 { border-bottom-color: transparent;}
#menu #lang li {
	opacity: 0.4;
	border: thin solid transparent;
}
#menu #lang li:hover, #menu #lang .active { opacity: 1; }
#menu #lang li:hover { background-color: #fff;}
#menu li.active { background: transparent url('./images/bullet_arrow_down.png') no-repeat center bottom; }
#menu #lang0:hover li.active { background-image: none;}
#menu #lang:hover .active { border-bottom: thin inset #777;}

  /* login button */
#log-in { background: transparent url('../images/logged-out.png') no-repeat left center; }
#log-in:hover { background: transparent url('../images/logged-out_in.png') no-repeat left center; }
#log-out { background: transparent url('../images/logged-in.png') no-repeat left center; }
#log-out:hover { background: transparent url('../images/logged-in_out.png') no-repeat left center; }



/* CONTENT */
h1:before {
	content: '›\2008';
}
h1 {
	font-size: x-small;
	display: inline;
/* 	font-weight: bold; */
	color: #aaa;
  font-style: italic;
  font-family: serif;
}

#page a {
	color: #88BA00 /*(green)*/;
/* 	font-weight: bolder; */
}
#page {
	border: thin solid #f5f5f5;
	background-color: #fff;
}
#page h2, #page h3, #page h4, #page h5, #page h6 {
/* 	font-weight: normal; */
	font-family: 'DejaVu Serif', 'Times New Roman', serif;
	color: #666;
	border-bottom: thin inset #ddd;
}
/* donation button */
#page .donation button { font-size: xx-large; }
#page .donation img { display: none; }
/*#page .donation span { text-shadow: #eee 2px 2px 5px;}*/

/* FOOTER */
#footer {
	text-align: center;
/* 	color: #eee; */
}
#footer .donation button * {
/* 	font-size:xx-small; */
	margin: 0;
	padding: 0;
}
#footer .donation img {
	height: 12px;
	vertical-align:middle;
	left:0.2em;
	position:relative;
}
button {
	border: thin outset #dfdfe3;/* (silver)*/
}
.donation fieldset {
	padding: 1em;
	border: none;
}

.donation button {
/* 	padding: 0; */
	font-variant: small-caps;
	font-weight: bold;
	background: transparent none repeat scroll 0 0;
	border-width: 0;
	display: inline-block;
	margin: 0;
	overflow: visible;
	padding: 3px 0;
/*   color: #333; */
}

.dwl {
/* 	background:  #3B7BC6 url('../images/bga-button-donate.png') repeat-x scroll top center; */
/* 	background:  #CA5900 url('../images/bga-button-donate.png') repeat-x scroll top center; */
/* 	background:  #88BA00 url('../images/bga-button-donate.png') repeat-x scroll top center; */
/* 	background:  #80BA00 url('../images/bga-button-donate.png') repeat-x scroll top center; */
	background:  #FFE900 url('../images/bga-button-donate.png') repeat-x scroll top center;
	border-left:thin solid #555;
	border-right:thin solid #555;
	margin: 0;
	padding: 3px 0;
}

.donation button:hover .dwl { background-position: center bottom; }
.dwl span {
	border-top: thin solid #555;
	border-bottom: thin solid #555;
	padding: 3px 0.4em;
}
.donation button:hover .dwl span {
	border-top:thin solid #888;
	border-bottom:thin solid #888;
}


/* HOME */
#sample img {
  margin: .25em;
  padding: .25em;
  border: thin solid #eee;
}

/* FEATURES */
/* #flags li { list-style-type: none; } */
.comparison {
  background-color: #fff;
}

.comparison th.hrow {
  text-align: left;
  font-weight: normal;
  border-right:thin solid #DDDDDD;
}
.comparison td {
/*   border: thin solid #fff; */
}
.row1 * {
  background-color: #E1E7ED;
}
.row2 * {
  background-color: #fff;
}

/* SCREENSHOTS */
#screenshots li[title]:after {
	content: attr(title);
	text-align: center;
	color: #bbb;
}
#screenshots li[title]:hover:after {
	color: #333;
}

/* DEMO */
object {
	border: thin inset #aaa;
	background-color: #ddd;
}

/* DOWNLOAD */
.dwld a:after { display: none;}
#download .dwld {
  margin:1em;
  float:right;
}
.dwld {
  font-size: x-large;
  font-weight: bold;
}
#dl-pro .dwl {
 background:  #3B7BC6 url('../images/bga-button-donate.png') repeat-x scroll top center;
/*  background:  #CA5900 url('../images/bga-button-donate.png') repeat-x scroll top center; */
}
#dl-free .dwl {
/*  background:  #CA5900 url('../images/bga-button-donate.png') repeat-x scroll top center; */
  background:  #80BA00 url('../images/bga-button-donate.png') repeat-x scroll top center;
}
#dl-pro:hover .dwl, #dl-free:hover .dwl  { background-position: center bottom; }

.dwl {
  border-left:thin solid #555;
  border-right:thin solid #555;
  margin: 0;
  padding: 3px 0;
  color: #FFF;
}
/* .dwl, .dwl * {   display: inline-block; */
}
.dwl span {
  border-top: thin solid #555;
  border-bottom: thin solid #555;
  padding: 3px 0.4em;
}
.dwld:hover .dwl span {
  border-top:thin solid #888;
  border-bottom:thin solid #888;
}

#dwl-icons dt {
  font-family: serif;
  font-style: italic;
/*font-variant: small-caps;*/
}
#dwl-icons img { vertical-align: middle;}

/* TEAM */
#team img {
	margin: .25em;
	padding: .25em;
	border: thin solid #eee;
}

#team .mb-desc dt:before {
	content: '›\2009';
	color: #666;
}
